.m-menubtn { display:none; height:90px; width:45px; position:absolute;top:0;right:0; padding-top:15px; cursor:pointer}
.m-menu{ background:#fff;  position:absolute; top:95px;width:100%; border-top:1px solid #eee; display:none;z-index:99; margin-left:-2%; width:102%}

.m-menubtn .line{ display:block; width:70%; height:4px;background:#0054b3; margin:0 auto 4px}
.m-menubtn .line:first-child{ margin-top:25px;}

.m-menu li .m-menu-1{ display:block; border-bottom:1px solid #eee;padding:12px 3%; font-size:15px; position:relative}
.m-menu li .m-menu-1 i{ position:absolute; top:13px; right:3%; width:17px; height:17px; background:url(../images/menu_list1.png) no-repeat; background-size:17px 17px;}
.m-menu li .m-menu-1.active{ background:#0054b3; color:#fff}
.m-menu li .m-menu-1.active i{ background:url(../images/menu_list2.png) no-repeat;top:8px;}
.m-menu li .m-menu-sed{ background:#f5f5f5; padding:10px 3%; display:none}
.m-menu li .m-menu-sed dd a{ color:#7c7c7c; display:block; line-height:30px;}

.footer2{ display:none}

.nmain img{ width:auto; max-width:100%; height:auto; max-height:auto !important}

@media(max-width:1190px){
.ad li {padding-right: 80px; margin-right: 40px;}
.ad li span { font-size: 50px;}
.newslist .conn li .ofH {height:auto;}
.prolist .conn li .pic{ height:auto;}
.zhichi li .pic{ height:auto;}

.proslist li span { height:auto;}
.proslist li:hover span img {transform: scale(1);}

.caseslist li .pic { height:auto;}
.caseslist li:hover .pic img {transform: scale(1);}

.newslist .conn li:hover .ofH img {transform: scale(1);}
.prolist .conn li:hover .pic img {transform: scale(1);}
.zhichi li:hover .pic img {transform: scale(1);}

.footer .kuai02{ padding-right:40px;}
.footer .kuai03 li{ padding:0 28px;border-right:solid 1px #434343; min-height:160px; float:left; margin-bottom:12px;}

.erjia a{font-size: 14px;padding:12px 10px;}
}
@media(max-width:1024px){
.menu li {margin: 0 16px;}
.ititle{line-height:56px; height:56px; font-size:32px;}
.ntitle h3{line-height:60px;font-size: 30px;}
.prolist {padding: 26px 0 40px 0;}
.caselist {padding: 26px 0 40px 0;}
.newslist { padding: 26px 0 40px 0;}

.nguide .nnav01{ width:60%;}
.nguide .nnav02{ width:68%;}
.nguide .nnav04{ width:68%;}
.nguide{ line-height:50px; }

.linian p{ line-height:26px; }
.zhichi p{ line-height:26px; }

.nbanner h3{ font-size:36px;line-height:200px;margin-top:-200px;}
.erjia a{font-size: 14px;}
}
@media(max-width:860px){
.top{ display:none}
.header {height:95px;padding-top:0px;}
.header .menu { display:none}
.banner{ padding-top:95px;}
.nbanner{padding-top:95px;}
.nbanner h3{ font-size:32px;line-height:200px;margin-top:-200px;}

.m-menubtn { display:block}

.footer .kuai01{ display:none}
.footer .kuai02{ display:none}
.footer .kuai03{ float:none; width:100%; text-align:center}
.footer .kuai03 li{ padding:0; float:left; width:25%; margin-left:-1px; text-align:center }


.ad li{ font-size:15px;}
.ad li {padding-right: 40px; margin-right: 20px;}
.ad li span { font-size: 40px;}

.copyright{ margin-bottom:60px;}
.footer2{ display: block; width:100%; background-color:#1a5eb7;padding:5px 0; position:fixed!important; bottom:0;z-index:999;  }
.footer2 li{ float:left; width:33.33%; text-align:center;}
.footer2 li a{ color:#fff; display:block; line-height:20px; padding-top:30px;}

.ititle{line-height:56px; height:56px; font-size:28px;}

.prolist .conn li{ float:left; width:32%; margin-right:2%; border: solid 1px #1a5eb7; margin-left:-3px; margin-bottom:15px;}
.prolist .conn li:nth-child(3n){ margin-right:0%;}
.prolist .conn li:nth-child(3n+1){ margin-left:0;}

.linian li .pic{ float:left; width:12%;}
.linian li .wenzi{ float:right; width:85%;}

.nbanner img{ width:150%; margin-left:-25%}

.erjia a{ float:left; display:block; margin-bottom:10px;padding:10px 8px; margin:0 2px 6px 2px}

.caseslist p{ line-height:26px;}
.caseslist li .pic{ float:left; width:38%;}
.caseslist li .wenzi{ float:right; width:60%;}

.lianxi{ float:none; width:100%;  font-size:15px; margin-top:30px; border-right:none; }
.lianxi li { margin-bottom: 15px;}
.ctUs-form{margin:30px 0 0;width:100%;float:none;}
}

@media(max-width:768px){
.picScroll ul li{width:50%;}
.ad li span { font-size: 28px;}


.nguide .location{ display:none;}
.nguide .nnav01{ width:100%; max-width:auto; float:none;}
.nguide .nnav02{ width:100%; max-width:auto; float:none;}
.nguide .nnav04{ width:100%; max-width:auto; float:none;}

.nguide .nnav02 li{ float:left; width:50%;line-height:42px;height:42px;}

.jianjie li{ float:left; width:48%; margin-bottom:5px; margin-right:0%;}
.jianjie li:nth-child(3n){ margin-right:0%;}
.jianjie li:nth-child(3n+1){ float:left; clear:none}
.jianjie li:nth-child(2n+1){ clear:both}
.jianjie li:nth-child(2n){ float:right}

.zhichi li .pic{ float:left; width:36%;}
.zhichi li .wenzi{ float:right; width:60%;}

.prodetail .proleft{ float:none; width:100%; margin-bottom:15px;}
.prodetail .proright{ float:none; width:100%;}
}

@media(max-width:640px){
.prolist .conn li{ float:left; width:47%; margin-right:4%; border: solid 1px #1a5eb7; margin-left:0px;}
.prolist .conn li:nth-child(3n){ margin-right:4%;}
.prolist .conn li:nth-child(2n){ margin-right:0%;}

.ad{ padding:40px 0;}
.ad li{ float:none; font-size:16px; color:#fff; padding:0px;text-align:center;background:none; line-height:40px}
.ad li:nth-child(2){ text-align:center}
.ad li:last-child{  text-align:center}
.ad li span { font-size: 32px;}

.Inews-list li {width: 100%;position: relative; float: none; margin-right: 0%; margin-bottom:50px;}
.footer .kuai03 li{width:50%;min-height:auto;}
.copyright{ height:66px;}

.link span{font-size:13px; }



.linian li .pic{ float:left; width:20%;}

.nbanner h3{ font-size:28px;line-height:120px;margin-top:-120px;}

.proslist li{ float:left; width:48%; margin-right:3%; margin-left:-3px; }
.proslist li:nth-child(3n+1){ margin-left:-3px; }
.proslist li:nth-child(3n){ margin-right:3%}

.proslist li:nth-child(2n+1){ margin-left:0; }
.proslist li:nth-child(2n){ margin-right:0}

.caseslist li .pic{ float:none; width:100%; margin-bottom:12px;}
.caseslist li .wenzi{ float:none; width:100%;}
}
@media(max-width:480px){
.zhichi li .pic{ float:none; width:100%;}
.zhichi li .wenzi{ float:none; width:100%;}
}